/**
 *********************************************
 * Prototype of styles for horizontal CSS-menu
 * @data 25.01.2010
 *********************************************
 * (X)HTML-scheme:
 *  <div id="menu">
 *      <ul class="menu">
 *          <li><a href="#" class="parent"><span>level 1</span></a>
 *              <div><ul>
 *                  <li><a href="#" class="parent"><span>level 2</span></a>
 *                      <div><ul><li><a href="#"><span>level 3</span></a></li></ul></div>
 *                  </li>
 *              </ul></div>
 *          </li>
 *          <li class="last"><a href="#"><span>level 1</span></a></li>
 *      </ul>
 *  </div>
 *********************************************
 */
#menu ul {
    position:relative;float:left;width:212px;padding:0 10px 0 20px;margin:0;background:url('../images/menu-mid.png') 0 0 repeat-y;_background:url('../images/menu-mid.gif') 0 0 repeat-y;
}
#menu li{list-style:none;background:url('../images/lm-bullet.jpg') 0 0 no-repeat;width:210px; text-align: left;}
#menu li a{color:#4b4e50;width:185px;padding:9px 0px 9px 25px;display:block;}
#menu li a:hover{color:#e8875c;}
* html #menu, * html #menu ul { background-image:url(../images/base.gif); }
#menu div {
    width:180px;
    position:relative;
    /*background:url(../images/sub.png) -180px 0;*/
    padding-top:9px;
}
#menu div ul {
    /*background:url(../images/sub.png) 0 bottom;*/
    padding-bottom:5px;
}

#menu li div {
    visibility:hidden;
    position:absolute;
    margin:-44px 0 0 -20px;
    left:100%;
}
* html #menu li div, *+html #menu li div { margin-top:-42px; }
#menu li:hover>div { visibility:visible; }
* html #menu li { height:34px; }
#menu li a {
    display:block;
    font-size:12px;
    text-decoration:none;
    padding-top:11px;
    cursor:pointer;
    position:relative;
    z-index:9;
}